import ReactDOM from 'react-dom'
import classNames from 'classnames'
import './index.css'

// jsx样式-className   利用classnames完成类名数据绑定

// 是否加上active或者block类名
const isActive = true
const isBlock = true


// classNames 是函数
// 传字符串，对象，数组，混合
const classStr = classNames('button', {
  active: isActive,
  block: isBlock
})

const element = <span className={classStr}>按钮</span>

ReactDOM.render(element, document.getElementById('root'))